import { Minus, X, Square } from 'lucide-react';

interface SimpleWindowControlsProps {
  className?: string;
}

const SimpleWindowControls: React.FC<SimpleWindowControlsProps> = ({ className = '' }) => {
  const handleMinimize = () => {
    // 模拟最小化效果 - 在实际应用中可以替换为真实的窗口控制
    console.log('Minimize clicked');
    alert('最小化功能需要完整的 Tauri 环境配置');
  };

  const handleMaximize = () => {
    // 模拟最大化效果
    console.log('Maximize/Restore clicked');
    alert('最大化/还原功能需要完整的 Tauri 环境配置');
  };

  const handleClose = () => {
    // 模拟关闭效果
    console.log('Close clicked');
    alert('关闭功能需要完整的 Tauri 环境配置');
    // 在实际应用中，这里应该是 window.close() 或退出应用
  };

  return (
    <div className={`flex items-center space-x-0 ${className}`}>
      {/* 最小化按钮 */}
      <button
        onClick={handleMinimize}
        className='w-10 h-8 flex items-center justify-center hover:bg-gray-700/50 transition-colors text-gray-300 hover:text-white'
        title='最小化'
      >
        <Minus className='w-3 h-3' />
      </button>

      {/* 最大化/还原按钮 */}
      <button
        onClick={handleMaximize}
        className='w-10 h-8 flex items-center justify-center hover:bg-gray-700/50 transition-colors text-gray-300 hover:text-white'
        title='最大化'
      >
        <Square className='w-3 h-3' />
      </button>

      {/* 关闭按钮 */}
      <button
        onClick={handleClose}
        className='w-10 h-8 flex items-center justify-center hover:bg-red-500/80 hover:text-white transition-colors text-gray-300'
        title='关闭'
      >
        <X className='w-3 h-3' />
      </button>
    </div>
  );
};

export default SimpleWindowControls;
